<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content="info@hyves.net" name="owner" />
		<meta content="http://www.hyves.net" name="author" />
		<meta content="General" name="rating" />
		<link href="<%=basePath %>/style/main.css" type="text/css" rel="stylesheet" />
		<link href="<%=basePath %>/style/style20.css" type="text/css" rel="stylesheet" />
		<link href="images/favicon.ico" type="image/x-icon"
			rel="shortcut icon" />
		<link href="<%=basePath %>/style/ie6.css" type="text/css" rel="stylesheet" />
		
	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>
		
		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div id="page-con-info">
						<h1>
							${sessionScope.user.nick }的圈子
						</h1>
					</div>
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w8">
					<div class="section s1">
						<div class="box">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										群组动态
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<p>
											Do you also have a fun hyve to recommend?
											<a
												href="http://www.hyves.nl/index.php?l1=ut&amp;l2=co&amp;l3=hm">Hyve
												us</a>!
										</p>
									</div>
									<div class="content-item-list">
										<div class="box-con-sctn first">
											<div class="avatar small">
												<a class="avatar-link" id="mop_hub_18117_92294215"
													title="LifestyleS" href="http://lifestyles.hyves.nl/"><img
														class="avatar-img mediaicon14" alt="LifestyleS"
														src="group.files/226568633_14_e_MB.jpg" />
												</a>
											</div>
											<div class="content-item">
												<h3>
													<a href="http://lifestyles.hyves.nl/">LifestyleS</a>
												</h3>
												<p>
													Deze Hyve biedt alle informatie op het gebied van:
													<br />
													- FASHION
													<br />
													- ART
													<br />
													- MUZIEK
													<br />
													- REIZEN
													<br />
													- NACHTLEVEN
													<br />
													- RESTAURANTS
													<br />
													- CLUBS
													<br />
													<br />
													Kortom als het ma...
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="box groups-threads content-item-list">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										群组新消息
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<div class="avatar small">
											<a class="avatar-link" id="mop_member_8235199_0_730230527"
												title="Brian Van de lisdonk"
												href="http://brianlis.hyves.nl/"><img class="avatar-img"
													alt="Brian Van de lisdonk"
													src="group.files/714331346_14_KbGM.jpg" />
											</a>
											<p class="avatar-name">
												<a title="Brian Van de lisdonk"
													href="http://brianlis.hyves.nl/">Brian</a>
											</p>
										</div>
										<div class="content-item">
											<h3>
												<a
													href="http://muggen-zijn-kut.hyves.nl/forum/1174955/PWfj/Het_Muggen_zijn_kut_spel/">Re:
													Het Muggen zijn kut! spel</a>
											</h3>
											<div class="box-con-sctn-prop">
												<a href="http://muggen-zijn-kut.hyves.nl/">Muggen zijn
													kut!</a>
											</div>
											<p>
												uit mijn kamer ging
											</p>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="box groups-photos">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-picture">&nbsp;</span> New
										photos &amp; videos in your hyves
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner"></div>
							</div>
						</div>
						<div class="box groups-member-hyves">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										我的群:
									</h2>
									<div class="box-actns">
										<ul>
											<li class=" first">
												<a class="icon icon-add action-icon-text"
													href="http://www.hyves.nl/hyves/new/">Start a new hyve</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<h3>
											MY PUBLIC HYVES
										</h3>
										<div id="pageDivId_group_overview_publicgroups_1">
											<ul class="avatar-list">
												<li class="first">
													<div class="avatar medium">
														<a class="avatar-link" id="mop_hub_19346_502615427"
															title="Muggen zijn kut!"
															href="http://muggen-zijn-kut.hyves.nl/"><img
																class="avatar-img mediaicon14" alt="Muggen zijn kut!"
																src="group.files/625590101_14_jGI5.jpg" />
														</a>
														<p class="avatar-name">
															<a href="http://muggen-zijn-kut.hyves.nl/">Muggen
																zijn kut!</a> (210397)
														</p>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
					<div class="section s2">
						<div class="box groups-network">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<span class="box-icon icon icon-friends">&nbsp;</span> Hyves
										in your network
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										<ul class="avatar-list">
											<li class="first">
												<div class="avatar medium">
													<a class="avatar-link" id="mop_hub_11366118_416064149"
														title="FIETFIEUW(L)" href="http://fiet--fieuw.hyves.nl/"><img
															class="avatar-img mediaicon14" alt="FIETFIEUW(L)"
															src="group.files/791804969_14_z7tn.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://fiet--fieuw.hyves.nl/">FIETFIEUW<img
																title="(l)" alt="(l)"
																src="group.files/smiley_love_heart.gif" border="0" />
														</a> (5)
													</p>
												</div>
											</li>
											<li>
												<div class="avatar medium">
													<a class="avatar-link" id="mop_hub_11366116_646604282"
														title="BRYAN GONZALEZ RUIZ.(L)"
														href="http://bryanruiz22.hyves.nl/"><img
															class="avatar-img mediaicon14"
															alt="BRYAN GONZALEZ RUIZ.(L)"
															src="group.files/791802544_14_HS36.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://bryanruiz22.hyves.nl/">BRYAN GONZALEZ
															RUIZ.<img title="(l)" alt="(l)"
																src="group.files/smiley_love_heart.gif" border="0" />
														</a> (13)
													</p>
												</div>
											</li>
											<li class="first">
												<div class="avatar medium">
													<a class="avatar-link" id="mop_hub_11365963_773367903"
														title="ik heb haat aan mytime hyves"
														href="http://mytime1234.hyves.nl/"><img
															class="avatar-img mediaicon14"
															alt="ik heb haat aan mytime hyves"
															src="group.files/791778001_14_OCj0.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://mytime1234.hyves.nl/">ik heb haat aan
															mytime hyves</a> (5)
													</p>
												</div>
											</li>
											<li>
												<div class="avatar medium">
													<a class="avatar-link" id="mop_hub_11365952_395140760"
														title="coolzeg" href="http://coolzegie.hyves.nl/"><img
															class="avatar-img mediaicon14" alt="coolzeg"
															src="group.files/791775598_14_wD5q.jpg" />
													</a>
													<p class="avatar-name">
														<a href="http://coolzegie.hyves.nl/">coolzeg</a> (5)
													</p>
												</div>
											</li>
										</ul>
									</div>
									<div class="box-con-sctn">
										<ul class="more">
											<li class="first">
												<a href="http://www.hyves.nl/hyves/fromfriendsgroup/">Check
													out your friends' hyves!</a>
											</li>
											<li>
												<a href="http://www.hyves.nl/hyves/biggest/">Check out
													the most popular hyves of Hyves!</a>
											</li>
											<li>
												<a href="http://www.hyves.nl/hyves/hubcategory/">Hyve
													categories</a>
											</li>
										</ul>
									</div>
									<div class="box-con-sctn search-groups">
										<h4>
											<a href="http://www.hyves.nl/search/hyves/">Search for
												hyves</a>
										</h4>
										<form action="http://www.hyves.nl/hyves/search/" method="get">
											<input type="hidden" value="35" />
											<input size="16" name="searchterms" />
											<span class="button primary-button"><span><span
													class="icon icon-search"> <input type="submit"
															value="Search" /> </span>
											</span>
											</span>
										</form>
									</div>
								</div>
							</div>
						</div>
						<div class="box groups-agenda">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										<a href="http://www.hyves.nl/hyves/events/"><span
											class="box-icon icon icon-calendar-view-day">&nbsp;</span>
											Agenda of your hyves </a>
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first">
										Your hyve(s) haven't got any agenda items yet. Check out new
										and popular hyves in the list of suggestions on the right-hand
										side of the page!
										<br />
										<br />
										<div class="more">
											<span class="rsaquo">› </span><a
												href="http://www.hyves.nl/hyves/events/">More...</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s2 -->
				</div>
				<!-- wrapper w8 -->
				<div class="wrapper w4">
					<div class="section s1">
						<div class="box group-wantins">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										You want to join:
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<div class="box-con-sctn first"></div>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
				</div>
				<!-- wrapper w4 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-ftr -->
		</div>
		
		<jsp:include page="/site/common/footer.jsp"></jsp:include>

	</body>
</html>